{% extends 'encyclopedia/base.html' %}

{% block title %}关于我们 - 相机百科{% endblock %}

{% block content %}
<div class="container mt-4">
    <div class="card">
        <div class="card-header bg-primary text-white">
            <h2 class="card-title mb-0">关于相机百科</h2>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-md-8">
                    <h3>我们的使命</h3>
                    <p class="lead">相机百科致力于为摄影爱好者提供全面、准确的相机和配件信息，帮助您做出明智的购买决策。</p>
                    
                    <h3 class="mt-4">网站特色</h3>
                    <ul class="list-group list-group-flush mb-4">
                        <li class="list-group-item">全面的相机数据库，包括单反、无反、便携等各类相机</li>
                        <li class="list-group-item">丰富的相机配件信息，涵盖镜头、三脚架、滤镜等</li>
                        <li class="list-group-item">详细的产品参数和功能介绍</li>
                        <li class="list-group-item">相机与配件的兼容性查询</li>
                        <li class="list-group-item">用户友好的界面设计，便于浏览和查找</li>
                    </ul>
                    
                    <h3>发展历程</h3>
                    <p>相机百科成立于2023年，由一群热爱摄影的专业人士创建。我们希望通过这个平台，让更多的人了解摄影设备，享受摄影的乐趣。</p>
                    
                    <h3 class="mt-4">联系我们</h3>
                    <p>如果您有任何建议或问题，请随时联系我们：</p>
                    <address>
                        <strong>邮箱：</strong>contact@camera-encyclopedia.com<br>
                        <strong>微信公众号：</strong>相机百科<br>
                        <strong>论坛：</strong><a href="#">摄影爱好者社区</a>
                    </address>
                </div>
                <div class="col-md-4">
                    <div class="card bg-light">
                        <div class="card-body">
                            <h4 class="text-center">快速链接</h4>
                            <ul class="list-unstyled">
                                <li class="mb-2"><a href="{% url 'encyclopedia:camera_list' %}" class="btn btn-outline-primary btn-block">浏览相机</a></li>
                                <li class="mb-2"><a href="{% url 'encyclopedia:accessory_list' %}" class="btn btn-outline-primary btn-block">浏览配件</a></li>
                                <li class="mb-2"><a href="{% url 'encyclopedia:category_list' %}" class="btn btn-outline-primary btn-block">相机分类</a></li>
                                <li class="mb-2"><a href="{% url 'encyclopedia:accessory_category_list' %}" class="btn btn-outline-primary btn-block">配件分类</a></li>
                            </ul>
                        </div>
                    </div>
                    
                    <div class="card mt-4">
                        <div class="card-body">
                            <h4 class="text-center">网站统计</h4>
                            <div class="row text-center mt-3">
                                <div class="col">
                                    <h5>{{ camera_count }}</h5>
                                    <p class="text-sm text-muted">相机型号</p>
                                </div>
                                <div class="col">
                                    <h5>{{ accessory_count }}</h5>
                                    <p class="text-sm text-muted">配件种类</p>
                                </div>
                            </div>
                            <div class="row text-center mt-3">
                                <div class="col">
                                    <h5>{{ category_count }}</h5>
                                    <p class="text-sm text-muted">相机分类</p>
                                </div>
                                <div class="col">
                                    <h5>{{ accessory_category_count }}</h5>
                                    <p class="text-sm text-muted">配件分类</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}